<template>
  <section class="concat bg-dark text-light">
    <div class="container">
      <b-row>
        <b-col lg="6" sm="10" md="10" xs="10" class="wow slideInLeft">
          <dl>
            <dt class="title mb-2">联系我们</dt>
            <dd class="text-justify">阜阳师范大学信息工程学院坐落于安徽省阜阳市，安徽省属普通本科高校。
                                      学院于2003年经安徽省政府批准试办，2004年经教育部确认为本科层次的独立学院。
                                      据2019年6月学校官网显示，学院占地37万平方米，教学生活用房15.8h㎡，教学、科研设备总值4340.85万元，各类图书65.51余万册；专兼职教师456人，在校生近7000人；设有6个系，开设29个本科专业。</dd>
            <dd>地址： 安徽省阜阳市颍州区清河东路741号</dd>
            <dd>电话： (0558)2596220</dd>
            <dd>邮箱：az245080675@gmail.com</dd>
          </dl>
        </b-col>
        <b-col lg="6" sm="10" xs="10" md="10" class="wow slideInRight">
          <b-form @submit="onSubmit">
            <b-form-input
              class="mb-4"
              v-model="form.name"
              name="发信人姓名"
              required
              placeholder="您的姓名"
            ></b-form-input>
            <b-form-input
              class="mb-4"
              v-model="form.phone"
              required
              name="发信人联系方式"
              placeholder="您的手机/邮箱"
            ></b-form-input>
            <b-form-textarea
              class="mb-4"
              v-model="form.content"
              required
              name="发信人留言"
              placeholder="您的留言"
            ></b-form-textarea>
            <b-button type="submit" block variant="success">提 交</b-button>
          </b-form>
        </b-col>
      </b-row>
    </div>
  </section>
</template>

<script>
import axios from 'axios'
export default {
  data() {
    return {
      form: {
        name: '',
        phone: '',
        content: '',
        display: 0,
        createtime: '',
      }
    }
  },
  methods: {
    async onSubmit(evt) {
      evt.preventDefault()
      const phoneReg = /^1[3456789]\d{9}$/
      const emailReg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
      if(!phoneReg.test(this.form.phone) && !emailReg.test(this.form.phone)) {
        this.$bvToast.toast(`提交失败，请输入正确的手机号或邮箱号`, {
          title: '提交结果',
          variant: 'danger',
          autoHideDelay: 5000
        })
        return
      }
      var UTCstring = (new Date()).toUTCString();
      this.form.createtime = UTCstring;
      let {data:res} = await axios.post('http://121.196.185.217:8444/insertMessage', this.form)
      if(res == 'success'){
        this.$Message.success('发送成功，请等待管理员审核通过');
      }      
      this.form.content = '';

    }
  }
}
</script>

<style lang="scss" scoped>
.concat {
  padding: 50px 0;
  .title {
    font-size: 16px;
  }
}
</style>
